<template>
	<view class="view-img">
		<u-image :borderRadius="Radius"  :bg-color="bgColor" :width="width" :height="height" :src="src">
			<template #loading>
				<view class="loader">
					<view class="square" v-for="(item,index) in 9" :key="index"></view>
				</view>
			</template>
		</u-image>
	</view>
</template>

<script>
	export default {
		name:"previewimg",
		props:{
			src:{
				type:String,
				default:''
			},
			Radius:{
				type:[String,Number],
				default:7
			},
			width:{
				type:String,
				default:'100%'
			},
			height:{
				type:String,
				default:'390rpx'
			},
			bgColor:{
				type:String,
				default:'#000'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.view-img{
	width: 100%;
}

</style>